<div class="layui-form-item">
    <label class="layui-form-label required">请假时长</label>
    <div class="layui-input-inline">
        <input type="number" class="layui-input" name="f_day" min="0.5" step="0.5" placeholder="请输入数字" value="0.5"/>
    </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label required">开始时间</label>
    <div class="layui-input-inline">
        <input type="text" class="layui-input" name="f_start_time" id="start-time" placeholder="yyyy-MM-dd HH:mm:ss">
    </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label required">结束时间</label>
    <div class="layui-input-inline">
        <input type="text" class="layui-input" name="f_end_time" id="end-time" placeholder="yyyy-MM-dd HH:mm:ss">
    </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label required">请假事由</label>
    <div class="layui-input-block">
        <textarea placeholder="请输入内容" class="layui-textarea" width="100%" name="f_reason" id="f_reason"></textarea>
    </div>
</div>

<script>
    layui.use(function () {
        let laydate = layui.laydate;
        // 日期时间选择器 - 日期和时间选择器同时显示（全面板）
        laydate.render({
            elem: '#start-time',
            type: 'datetime',
            fullPanel: true // 2.8+
        });
        laydate.render({
            elem: '#end-time',
            type: 'datetime',
            fullPanel: true // 2.8+
        });

    })
</script>
</body>
</html>
